<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: kong
  Date: 16/1/29
  Time: 下午4:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>

    <c:url value="/icons/iconfont.css" var="iconfont"/>
    <c:url value="/css/master/header.css" var="headercss" />
    <c:url value="/css/main.css" var="maincss" />
    <link rel="stylesheet" type="text/css" href="${iconfont}">
    <link rel="stylesheet" type="text/css" href="${headercss}">
    <link rel="stylesheet" type="text/css" href="${maincss}">

    <c:url value="/js/vendor/jquery.min.js" var="jquery" />
    <c:url value="/js/bootstrap-progressbar.js" var="progress" />
    <c:url value="/img/xiantianlogo.png" var="xiantian"/>
    <script type="text/javascript" src="${jquery}"></script>
    <script type="text/javascript" src="${progress}"></script>


    <script type="text/javascript">
        $(function(){
            $('.progress .progress-bar').progressbar();
        });
    </script>
</head>
<body>
<style>
    .hcon {
        padding-bottom: 0.01%;
        padding-top: 0.01%;
        margin-bottom: 0.5%;
        margin-top: 0.5%;
    }
</style>

<div class="container hcon">
    <div class="col-lg-3">
        <img class="img-responsive" src="${xiantian}" width="300px" height="400px">
    </div>
    <div class="col-lg-6">
        <form role="search" method="get" action="/note/ca/">
            <div class="input-group input-group-sm">
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">全部分类<span
                            class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li><a href="#">活体</a></li>
                        <li><a href="#">店铺</a></li>
                        <li><a href="#">商品</a></li>
                        <li class="divider"></li>
                        <li><a href="#">文章</a></li>
                    </ul>
                </div>
                <!-- /btn-group -->
                <input id="searchtext" name="key" type="text" class="form-control input-default">
                                <span class="input-group-btn">
                        <button type="button" class="btn btn-default" id="searchbutton"><span class="glyphicon glyphicon-search"></span> </button>
                        </span>
            </div>
            <!-- /input-group -->
        </form>
    </div>
    <div class="col-lg-3">
        <div class="pull-right">
            <i class="icon iconfont" data-toggle="dropdown">&#xe628</i>
            <ul class="dropdown-menu">

            </ul>
            <i class="icon iconfont">&#xe60b</i>
        </div>
    </div>
</div>

<div id="navbar-yuren" class="hidden-sm hidden-xs">
    <div class="progress progress-yuren" >
        <div class="progress-bar" id="divProgressbar" role="progressbar" data-transitiongoal="100"></div>
    </div>
    <nav class="navbar navbar-yuren" role="navigation" >
        <div class="container">

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="navbar-collapse-3">
                <ul class="nav navbar-nav" >
                    <li class="navli-yuren"><a href="#">首页</a></li>
                    <li class="navli-yuren"><a href="#">效果图</a></li>
                    <li class="navli-yuren active"><a href="#">饲养攻略</a></li>
                    <li class="navli-yuren"><a href="#">种子公司</a></li>
                    <li class="navli-yuren"><a href="#">集市</a></li>
                    <li class="navli-yuren"><a href="#">收购转让</a></li>
                    <div style="clear: both"></div>
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>
    </nav>
</div>
</body>
</html>
